<template>
  <div class="box">
    <van-swipe :autoplay="3000">
      <van-swipe-item
        v-for="(image, index) in images"
        :key="index"
      >
        <img v-lazy="image" />
      </van-swipe-item>
    </van-swipe>
    <van-panel title="手机"></van-panel>
    <div class="img-box">
      <img src="http://106.15.179.105:3000/public/imgs/phone/phone.png" alt="">
      <img
          v-for="(image, index) in imagess"
        :key="index"
        :src="image.src"
      >
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      images: [
        'http://106.15.179.105:3000/public/imgs/cms_1.jpg',
        'http://106.15.179.105:3000/public/imgs/cms_2.jpg',
        'http://106.15.179.105:3000/public/imgs/cms_3.jpg',
        'http://106.15.179.105:3000/public/imgs/cms_4.jpg',

      ],
      imagess:[
          {
            src:'http://106.15.179.105:3000/public/imgs/phone/Redmi-k30.png'
          },
          {
            src:'http://106.15.179.105:3000/public/imgs/phone/Redmi-k30-5G.png'
          }
      ]
    }
  }
}
</script>
<style lang="scss" scoped>
</style>